.chart-item {
  width: 100%;
  height: 200px;
}
#payoutChart {
  width: 100%;
  height: 350px;
  margin-bottom: 50px;
}
#setNav {
  margin-bottom: 10px;
  border-bottom: none;
}
#setNav a {
  color: #008cba;
  border-radius: 0;
  border: none;
}
#setNav .active a {
  color: white;
  background-color: #008cba;
}
.miner-address {
  margin: 0 0 50px 0;
  font: 24px "microsoft yahei";
  color: #333;
  word-break: break-all;
}
.miner-state-panel {
  margin: 0 -43px;
  display: flex;
}
.miner-state-item {
  margin: 0 43px;
  flex: 1;
}
.miner-state-item .panel-heading {
  padding: 10px 0;
  font: 18px "microsoft yahei";
  color: white;
}
.miner-state-item .panel-body h4 {
  height: 64px;
  margin: 0;
  font: 20px/64px "microsoft yahei";
  color: #333;
}
.miner-state-item .panel-heading,
.miner-state-item .panel {
  border-radius: 0;
}
.panel-hr {
  border-color: #DFBC52;
}
.panel-hr .panel-heading {
  background-color: #DFBC52;
}
.panel-balance {
  border-color: #658EC1;
}
.panel-balance .panel-heading {
  background-color: #658EC1;
}
.panel-work {
  border-color: #EF8D59;
}
.panel-work .panel-heading {
  background-color: #EF8D59;
}
.panel-share {
  border-color: #489F8A;
}
.panel-share .panel-heading {
  background-color: #489F8A;
}
.miner-types {
  margin: 50px 0 30px 0;
  text-align: center;
  font: 24px "microsoft yahei";
  color: #666;
}
.miner-types a {
  display: inline-block;
  font: 24px "microsoft yahei";
  color: #666;
  text-decoration: none;
}
.miner-types b {
  margin:  0 5px;
}
.miner-types .active {
  color: #658EC1;
  border-bottom: 2px solid #658EC1;
}
.miner-types .active span {
  color: #EF8D59;
}
.chart-title {
  color: #333;
}
.chart-title-sub {
  margin-left: 5px;
  font-size: 16px;
  color: #666;
}
.works-tabel-panel,
.payments-table-panel {
  padding-bottom: 80px;
  background-color: #FAFAFA;
}
.payments-table-panel {
  padding-top: 50px;
}
.works-tabel-panel th,
.payments-table-panel th {
  height: 60px;
  text-align: center;
  vertical-align: middle !important;
  border-bottom-width: 0px !important;
}
.works-tabel-panel td,
.payments-table-panel td {
  height: 50px;
  vertical-align: middle !important;
  word-break: break-all;
}
.works-tabel-panel th,
.works-tabel-panel td,
.payments-table-panel th,
.payments-table-panel td {
  font: 20px "microsoft yahei";
}
.payments-table-panel th,
.payments-table-panel td {
  font-size: 18px;
}
.works-tabel-panel td,
.payments-table-panel td {
  color: #666;
}
.works-tabel-panel .dataTables_filter {
  font: 20px "microsoft yahei";
  color: #666;
}
.works-tabel-panel .dataTables_filter input {
  border-color: #E3E3E3;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.online-btn,
.offline-btn {
  font: 24px "microsoft yahei";
  color: #658EC1 !important;
  text-decoration: none !important;
}
.online-btn:hover,
.offline-btn:hover {
  border-bottom: 2px solid #658EC1;
}
@media only screen and (min-width: 100px) and (max-width: 420px) {
  .miner-state-panel {
    margin: 0 0px;
    display: block;
  }
  .miner-state-item {
    margin: 0 0px;
    flex: none;
  }
}
